@import '../def.scss';
.bg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: url('../../static/guide/bg.jpg')no-repeat center;
	background-size: 100% 100%;
}
.login{
	width: 686rpx;
	margin: 0 auto;
	position: relative;
}
.title{
	font-size: 44rpx;
	font-weight: 500;
	color: #0C0D0D;
	line-height: 60rpx;
	margin: 140rpx 0 0 20rpx;
}
.sub-title{
	font-size: 20rpx;
	font-weight: 400;
	color: #0C0D0D;
	line-height: 28rpx;
	margin: 24rpx 0 30rpx 0;
}
.main{
	width: 100%;
	// padding-top: 2upx;
	.warp {
		width: 100%;
		height: 90upx;
		margin: 0 auto 40rpx;
		@extend .flex-row;
		box-sizing: border-box;
		.input {
			font-size: 0;
			width: 100%;
			height: 100%;
			@extend .flex-row-center-space;
			background: #F6F7FB;
			border-radius: 50rpx;
			padding:0 40rpx;
			input {
				width: 100%;
				height: 100%;
				font-size: $f30;
				line-height: 1;
				// @extend .flex-row-center;
				color: #666666;
				display: block;
			}
			.get-code {
				white-space: nowrap;
				font-size: 28rpx;
				padding: 10rpx 20rpx;
				box-sizing: border-box;
				@extend .flex-row-center;
				color: #5C9FFE;
				background: #FFFFFF;
				border-radius: 24rpx;
				border: 1px solid #5C9FFE;
				line-height: 1;
				
			}
		}
	}
}
.radio-content {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20rpx;
	font-weight: 400;
	color: #999999;
	margin-top: 35rpx;
	span {
		padding-left: 8rpx;
	}
	
}
.agreement{
	padding-left: 5rpx;
	color: #5C9FFE;
	display: flex;
	align-items: center;
	justify-content: center;
}

.submit-btn {
	width: 100%;
	height: 72rpx;
	box-sizing: border-box;
	background: #5C9FFE;
	border-radius: 50rpx;
	font-size: 28rpx;
	font-weight: 500;
	color: #FFFFFF;
	@extend .flex-row-center;
	justify-content: center;
	margin-top: 60upx;
}
.bottom{
	margin-top: 16rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	span{
		font-size: 20rpx;
		font-weight: 500;
		color: #5C9FFE;
		line-height: 28rpx;
	}
}